<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>CSS Test: Test for wrapping around floats which are overlapped by the element that must avoid them</title>
    <link rel="author" title="WebKit" href="http://webkit.org/">
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats">
    <style type="text/css">
        body { width: 400px; background: white}
        span { display: inline-block; vertical-align: top; width: 40px; background: black; }
        div { background: black; }
    </style>
</head>
<body>
<!--The span should avoid a float even when its top and bottom does not overlap with the top of the span.
    In this test the float overlaps the bottom of the span, but is below the span's first linebox.-->
<p>There should be two black boxes below.</p>
<div style="position: absolute; width: 40px; height: 40px; background: black;"></div>
<div style="float: left; width: 40px; height: 21px;  background: white"></div>
<div style="float: left; clear:left; width: 50px; height: 25px; background: white"></div>
<span style="line-height: 20px">test<br>test</span>



</body></html>